<div id="info-box">
	<div id="left-box">
		<div class="info-header-font">{% trans %}Finnish Ontology Library Service	ONKI{% endtrans %}</div>
		<span class="info-font-15">{% trans %}Please begin by selecting an ontology or a vocabulary for browsing. You can also search from all or specific ontologies and vocabularies by using the search at the right.{% endtrans %}</span>
	</div>
	<div id="right-box">
		<ul id="slider">
			<li class="slide_01"><span
				class="info-header-font promo-header">{% trans %}Follow ONKI on Twitter!{% endtrans %}</span> <a href="http://twitter.com/secoONKI"
				class="promo-link" target="_blank"></a> 
			<span class="info-font-15 promo-content"></span>
			</li>
			<li class="slide_02"><span
				class="info-header-font promo-header">{% trans %}Download ontologies{% endtrans %}</span>
				<span class="info-font-15 promo-content-slide_02">{% trans %}All downloadable ontologies are marked with this icon.{% endtrans %}</span> <a href="#"
				class="promo-link" onclick="return false;"></a></li>
			<li class="slide_03"><span
				class="info-header-font promo-header">{% trans %}Search information faster{% endtrans %}</span>
				<span class="info-font-15 promo-content-slide_03">{% trans %}Select your search targets beforehand.{% endtrans %}</span></li>
			<!--
					<li class="slide_x">
						<span class="info-header-font promo-header">Maintenance ongoing</span>
						<span class="info-font-15 promo-content-slide_x">The service may have some slowdowns during the maintenance.</span>
					</li>
					-->
		</ul>
	</div>
</div>
<!-- info-box ENDS HERE -->